<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>The first HTML file</title>
</head>
<body>
    <!-- 添加标题 -->
    <h1>一级标题</h1>
    <p>
        这是一个段落
    </p>
    <p>
        <!-- 添加空格 -->
        &nbsp;添加一个空格<br>
        &ensp;添加一个半角空格<br>
        &emsp;添加一个全角字符<br>
        <!-- 换行可以<br>，也可以<br/> -->
    </p>

    <!-- src表示图片路径，alt表示对这张图片的说明，width表示图片宽度，height表示图片高度 -->
     <!-- 这里img表示标签，src和alt等表示标签的属性 -->
    <img src="D:\HuaweiMoveData\Users\hfdn\OneDrive\Desktop\微信图片_20250721170318_106.jpg" 
        alt="这是一张图片" width="200px" height="100px">

    <br>

    <!-- 添加超链接 -->
     <!-- href表示链接地址，target表示打开方式 -->
      <!-- 这里分别使用外部链接和内部链接 -->
    <a href="https://www.icourse163.org/home.htm?userId=1558532224#/home/course" target="_blank">中国慕课</a>
    <a href="./test1.html" target="_blank">test1</a>
    <!-- #表示空链接 -->
    <a href="#">空链接</a>
    <!-- 如果链接的是文件资源，就会执行下载文件操作 -->

    <!-- 添加表格 -->
     <!-- table表示整个表格，tr表示一整行，td表示一个单元格 -->
     <table style="width: 500px; height: 400px;" border="1px" >
        <tr>
            <!-- 合并两列 -->
            <td colspan="2">aaa</td>
            <!-- <td>bbb</td> -->
        </tr>
        <tr>
            <!-- 合并两行 -->
            <td>ccc</td>
            <td rowspan="2">ddd</td>
        </tr>
        <tr>
            <td>eee</td>
            <!-- <td>fff</td> -->
        </tr>
     </table>
</body>
</html>